<template>
  <div class="hello">
    
    
    <van-tabbar route>
      <van-tabbar-item icon="column" to="/Bookshelf">书架</van-tabbar-item>
      <van-tabbar-item icon="home-o" to="/Home">书城</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/personal">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "foot",
  props: {
    msg: String,
  },
  data() {
    return {
      active: "",
    };
  },
  methods: {
    
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped >
.hello{
  position: relative;
  z-index: 4;
}

</style>